import { Group, Boxs, Button, Avatar} from 'saltui';
const { Box,VBox } = Boxs;
const avatarColors = ['#38adff'];
import './PageDemo.less'
export default class Demo extends React.Component {

  constructor(props) {
    super(props);
    this.state = {
    }
  }

  render() {
    let t=this;
    return <div className=" t-PR14 t-PL14 t-PT10 t-PB10 t-LH1_5 t-BCf">
      <div className="t-MB10">
          <Button type="minor">指派会议任务，落实会议安排</Button>           
      </div>
          
      <Group className="t-self-group-wrapper t-MB10">
        <h2 className="t-list-title t-FBH">
        <Avatar name="1" filter={prevName => prevName} colors={avatarColors} size={24} fontSize={16} className="t-MR4" />        
        <span style={{ color:'#'+'38ADFF'}}>指派会议任务</span>
        </h2>
        <VBox className=" t-PT10 t-PB10 t-FS14">
          <Box>
            <p>
              会议通过审批后，进入会议详情页面，会议发起人和主持人可以为参会人员指派会议任务，制定任务内容，选择任务截止日期，也可以通过DING，提醒负责人完成任务。
              各任务负责人将会在钉钉工作通知中收到任务提醒，并完成各自负责的任务。
            </p>
          </Box>
        </VBox>
        <div className="help-repair-img-list" vAlign="center" hAlign="center" >
        
           <img src="../../../fmui/images/meeting_20.png" alt=""/>
        
        </div>
        <div className="help-repair-img-list" vAlign="center" hAlign="center" >
        
           <img src="../../../fmui/images/meeting_21.png" alt=""/>
        
        </div>
        <div className="help-repair-img-list" vAlign="center" hAlign="center" >
        
           <img src="../../../fmui/images/meeting_22.png" alt=""/>
        
        </div>
      </Group>
      <Group className="t-self-group-wrapper t-MB10">
        <h2 className="t-list-title t-FBH">
        <Avatar name="2" filter={prevName => prevName} colors={avatarColors} size={24} fontSize={16} className="t-MR4" />        
        <span style={{ color:'#'+'38ADFF'}}>查看任务进度统计</span>
        </h2>
        <VBox className=" t-PT10 t-PB10 t-FS14">
          <Box>
            <p>
              点击列表中会议，进入会议详情页面，查看会议任务的统计信息，统计已经超期、进行中和已完成的任务数量。
            </p>
          </Box>
        </VBox>
        <div className="help-repair-img-list" vAlign="center" hAlign="center" >
        
           <img src="../../../fmui/images/meeting_24.png" alt=""/>
        
        </div>
      </Group>
      <Group className="t-self-group-wrapper t-MB10">
        <h2 className="t-list-title t-FBH">
        <Avatar name="3" filter={prevName => prevName} colors={avatarColors} size={24} fontSize={16} className="t-MR4" />        
        <span style={{ color:'#'+'38ADFF'}}>管理个人负责的会议任务</span>
        </h2>
        <VBox className=" t-PT10 t-PB10 t-FS14">
          <Box>
            <p>
              点击我的会议列表，查看各自负责的会议任务，记录任务完成情况，或点击应用中心"任务"图标，查看个人负责的所有会议任务，根据会议状态管理任务。
            </p>
          </Box>
        </VBox>
        <div className="help-repair-img-list" vAlign="center" hAlign="center" >
        
           <img src="../../../fmui/images/meeting_23.png" alt=""/>
        
        </div>
      </Group>
    </div>
  }
};
